<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>精益管控</title>
    <link rel="stylesheet" href="../css/common.css"/>
    <link rel="stylesheet" href="jygk.css"/>
</head>
<body>
<div class="container">
    <p class="name">精益管控</p>
    <div class="leftBox">
        <!-- 设备巡视-->
        <div class="see">
            <p class="title" id="patrol"><img src="img/left-line.png" alt=""/>设备巡视</p>
            <div class="cover">
                <div id="sbxsfgl"></div>
            </div>
        </div>
        <!-- 状态评价-->
        <div class="state">
            <p class="title" id="state"><img src="img/left-line.png" alt=""/>状态评价</p>
            <div class="stateBox">
                <div id="ztpjfgl"></div>
                <div class="stateResult">
                    <table class="stateTable">
                        <thead>
                        <tr>
                            <th>省公司</th>
                            <th>正常</th>
                            <th>注意</th>
                            <th>异常</th>
                            <th>严重</th>
                        </tr>
                        </thead>
                    </table>
                    <div>
                        <table class="stateTable">
                            <tbody id="ztpjResult">

                            </tbody>
                        </table>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <div class="centerBox">

        <div id="bdCharts"></div>
        <!-- 现场监控-->
        <p id="video">现场监控</p>
        <img src="img/map.png" alt="" class="map"/>
    </div>
    <div class="rightBox">
        <!--设备检修 -->
        <div class="overhaul">
            <p class="title" id="jx"><img src="img/left-line.png" alt=""/>设备检修</p>
            <div id="sbjx"></div>
        </div>
        <!--危急、严重缺陷消缺率 -->
        <div class="critical">
            <p class="title  hover" id="xq"><img src="img/left-line.png" alt=""/>危急、严重缺陷消缺率</p>
            <div id="xql"></div>
        </div>
    </div>
    <div class="tab">
        <p class="active">变电</p>
        <p>输电</p>
        <p>配网</p>
    </div>
</div>
<script src="../js/jquery-3.2.1.js"></script>
<script src="../js/echarts.min.js"></script>
<script src="../js/echarts-gl.min.js"></script>
<script src="../js/china.js"></script>
<script src="../js/shandong.js"></script>
<script src="../js/liaoning.js"></script>
<script src="../js/heilongjiang.js"></script>
<script src="../js/jilin.js"></script>
<script src="../js/beijing.js"></script>
<script src="../js/tianjin.js"></script>
<script src="../js/hebei.js"></script>
<script src="../js/shanxi1.js"></script>
<script src="../js/shanxi.js"></script>
<script src="../js/henan.js"></script>
<script src="../js/jiangsu.js"></script>
<script src="../js/shanghai.js"></script>
<script src="../js/anhui.js"></script>
<script src="../js/zhejiang.js"></script>
<script src="../js/fujian.js"></script>
<script src="../js/jiangxi.js"></script>
<script src="../js/hunan.js"></script>
<script src="../js/hubei.js"></script>
<script src="../js/chongqing.js"></script>
<script src="../js/sichuan.js"></script>
<script src="../js/gansu.js"></script>
<script src="../js/qinghai.js"></script>
<script src="../js/ningxia.js"></script>
<script src="../js/xizang.js"></script>
<script src="../js/xinjiang.js"></script>
<script src="../js/common.js"></script>
<script src="jygk-1.js"></script>
</body>
</html>